<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Esfinge | Projeto Acadêmico 2013.2 | Programação Web</title>
<style type="text/css">
body {
    font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
}
.topo {
	color: #fff1bb;
	background-color: #F86601;
}
.larguraSite {
	width:989px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
}

.menu {
	width:235px;
	height:50px;
	float:right;
	padding:0px 10px 0 20px;
	font-size:1.1em;
	font-family:Arial;
	color:#fff;
}
.menuUltimo {
	width:235px;
	height:50px;
	float:right;
	padding:0px 10px 0 20px;
	font-size:1.1em;
	font-family:Arial;
	color:#fff;
}
.flutuarDireita{
	float:left;
}
.flutuarEsquerda{
	float:right;
}
.textPesquisar{
	float:left;
	padding:10px 5px 2px 95px;
}
.etradasPesquisas{
	float:left;
	padding:7px 6px 0 0;
}
.cortinaAreasConhecimento{
	float:left;
	padding:7px 3px 0 6px;
}
.cortinaConfiguracoes{
	float:right;
	padding:7px 3px 0 6px;
}
.buscar{
	float:right;
	padding:0 0 0 3px;
}
</style>
</head>

<body>
<div class="topo" style="topo">
	<div class="larguraSite">
        <img src="img/logoPequenaTopo.jpg" width="100" height="37" class="flutuarDireita" />
        <div class="textPesquisar">Pesquisar por resumos:</div>
      <div class="etradasPesquisas">
        <form id="pesquisaTopo" name="pesquisaTopo" action="">
       	  	<input name="conteudoResumo" type="text" id="conteudoResumo" /> 
            <select id="tipoDePesquisa" name="tipoDePesquisa">
                <option value="Autor">Autor</option>
                <option value="Livro">Livro</option>
                <option value="Assunto">Assunto</option>
            </select>
            <div class="buscar"><a href="#"><img src="img/botaoBuscar.jpg" width="54" height="26" /></a></div>
		</form>
	</div>

    <div class="cortinaAreasConhecimento"><a href="#"><img src="img/botaoAreaConhecimento.jpg" width="31" height="26" /></a></div>
    <div class="cortinaConfiguracoes"><a href="#"><img src="img/botaoConfiguracoes.jpg" width="31" height="26" /></a></div>
	</div>
</div>
</body>
</html>
